<!-- 折叠菜单 -->
<template>
    <el-tooltip content="折叠标签页" placement="bottom">
        <svg-icon name="zhedie1" :class="`rotate ${SettingStore.isBreadcrumd ? '' : 'notBreadcrumd'}`"
            @click="toogle"></svg-icon>
    </el-tooltip>
</template>
<script lang='ts' setup>
import { useSetting } from '@/pinia';
const SettingStore = useSetting()
const toogle = () => {
    SettingStore.$patch({
        isBreadcrumd: !SettingStore.isBreadcrumd
    })
}
</script>
<style scoped>
.rotate {
    transition: all .3s;
    transform: rotate(-90deg);
}

.notBreadcrumd {
    transform: rotate(90deg);
}
</style>